<script setup lang="ts">
import { reactive } from 'vue'

const formList = reactive<FormList>([
  {
    label: '卡片普通标题',
    type: 'card'
  },
  {
    label: '哈哈嘿嘿7',
    prop: '1',
    type: 'select',
    rule: [{ required: true, trigger: 'blur' }],
    data: [
      { label: '哈哈', value: 1 },
      { label: '嘿嘿', value: 2 }
    ]
  },
  {
    label: '卡片普通标题',
    type: 'card',
    contentPosition: 'center'
  },
  {
    label: '日期8',
    prop: '2',
    colspan: 2,
    rule: [{ required: true, trigger: 'blur' }],
    type: 'date'
  }
])
</script>

<template>
  <XyAddForm :column="4" :formList="formList" />
</template>
<style scoped lang="less"></style>
